<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/paging.js"></script>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/zeroModal.css">
    <script src="js/zeroModal.min.js"></script>
    <title>客户端用户管理</title>
    <style>
         table{
            margin-top:10px;
            border-collapse:collapse;
            width:1000px;
        }
        table td{
            border:1px solid #ccc;
            text-align: center;
            vertical-align: middle;
        }
        table thead{
            background:#0073A9;
            color:#fff;
        }
        table thead td{
            height: 30px;
        }
        .show_title span{
            border:1px solid #0073A9;
        }
        .ad_change{
            display:inline-block;
            padding:2px 10px;
            border:1px solid #0073A9;
            border-radius: 2px;
            margin-right: 10px;
            color:#000;
            cursor: pointer;
            margin-top:10px;
            margin-bottom:10px;
        }
        .kq_input,.add_img{
            border:1px solid #ccc;
            width:400px;
        }
        .add_img{
            margin-top:10px;
            overflow: hidden;
        }
        .add_img div{
            float: left;
        }
        .add_img div:nth-child(1){
            width:200px;
        }
        .add_img div:nth-child(2){
            width:200px;
        }
        .text_url{
            border:1px solid #ccc;
            height:30px;
            
        }
        .text_url input{
            border:none;
            position: relative;
            top:5px;
            left:5px;
            width: 97%;
            outline:none;
            
        }
        .label{
            position: absolute;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
        }
        .add_tab{
            display:flex;
        }
         .add_tab span{
             border:1px solid #000;
             padding:2px 10px;
             margin-left:30px;
             margin-top:20px;
             cursor: pointer;

         }
         .img0{
             max-width: 160px;
            max-height: 160px;
            display: block;
            margin: 0 auto;
         }
    </style>
</head>
<body>
    <div>
        <div>
            <span class="ad_change">修改</span>
        </div>
        <div class="add_show_list1">
            <table>
                <thead>
                    <tr>
                        <td  width="5%">选择</td>
                        <td width="5%"> id</td>
                        <td >是否开启首屏广告</td>
                        <td >是否开启轮播图广告</td>
                        <td >是否开启专题列表间广告</td>
                        <td >是否开启文章底部广告</td>
                        <td >是否自定义首屏广告</td>
                        <td >自定义首屏广告url</td>
                        <td >自定义首屏广的图片</td>
                    </tr>
                </thead>
                <tbody class="ad_list">
                    
                </tbody>
            </table>
        </div>
        <div class="add_show_list2" style="display:none">
            <div class="kq_input">
                <p><input type="checkbox" class="kq_qdy"/>开启启动页广告</p>
                <p><input type="checkbox" class="kq_lunbotu" />开启轮播图广告</p>
                <p><input type="checkbox" class="kq_zhuanti" />开启专题列表间广告</p>
                <p><input type="checkbox" class="kq_wzdb"/>开启文章底部广告</p>
            </div>
            <div class="add_img">
                <div>
                    <p><input type="checkbox" class="zdy_add">自定义启动页广告</p>
                    <p><span style="padding-left:5px;"> 跳转链接:</span></p>
                    <p class="text_url" style="margin-left:5px;"><input type="text" class="tz_url"></p>
                </div>
                <div>
                    <div style="float:right;;background:#f3f3f3;width: 160px;height: 160px;position: relative;">
                    
                        <input type="file" id="file" class="file" style="display:none" accept="image/png,image/jpeg,image/gif" />
                        <label for="file" class="label tu">
                            <img src="./img/tupian.png" class="img0">
                        </label>
                    </div>
                </div>
            </div>
            <div class="add_tab">
                <span class="add_ad">保存</span>
                <span class="remove_ad">取消</span>
            </div>
        </div>
    </div>
</body>
<script src="js/gggl.js"></script>
</html>